$import('ArrayModel');
$import('ListView');
$import('DataView');
var arrayModel;
var i=7;
$ready(function(){
	arrayModel = new ArrayModel({
		name:'testArray',
		array:[
			{a:'a',b:'b',c:'c'},
			{a:'a1',b:'b1',c:'c1'},
			{a:'a2',b:'b2',c:'c2'},
			{a:'a3',b:'b3',c:'c3'},
			{a:'a4',b:'b4',c:'c4'},
			{a:'a5',b:'b5',c:'c5'},
			{a:'a6',b:'b6',c:'c6'}
		],
		pk:'a'
	});
	
	var listView = new ListView({
		domId:'ul',
		model:arrayModel,
		name:'ulView',
		lineFun:function(pojo){
			return new Tag("li").html(pojo.a+","+pojo.b+","+pojo.c);
		},
		doSetCurrent:function(pojo){
			var dom = this.getLineDom(pojo);
			if(dom)
				dom.style.color='red';
		},
		doCancelCurrent:function(pojo){
			var dom = this.getLineDom(pojo);
			if(dom)
				dom.style.color="";
		}
	});
	listView.refresh();
	
	var listView1 = new ListView({
		domId:'table1',
		model:arrayModel,
		name:'tableView',
		lineFun:function(pojo){
			var ret=new Tag("tr");
			ret._td(pojo.a)
						._td(pojo.b)
						._td(pojo.c)
						.td()
							.a("test").href('javascript:testSetCur1("'+pojo.a+'")');
			return ret;
		},
		
		doSetCurrent:function(pojo){
			var dom = this.getLineDom(pojo);
			if(dom)
				dom.style.color='blue';
		},
		doCancelCurrent:function(pojo){
			var dom = this.getLineDom(pojo);
			if(dom)
				dom.style.color="";
		}
	});
	listView1.refresh();
	var dataView = new DataView({
		model:arrayModel,
		refresh:function(){
			var cur = this.model.getCur();
			if(cur){
				document.getElementById('pojoa').value=cur.a;
				document.getElementById('pojob').value=cur.b;
				document.getElementById('pojoc').value=cur.c;
			}
		}
	});
	dataView.refresh();
});

function testAdd(){
	arrayModel.add({
		a:'a'+i,
		b:'b'+i,
		c:'c'+i
	})
	i++;
}

function testUpdate(){
	arrayModel.update({
		a:'a',
		b:'bb'+i,
		c:'cc'+i
	})
	i++;
}

function testDel(){
	arrayModel.del({
		a:'a1',
		b:'bb'+i,
		c:'cc'+i
	})
	i++;
}
var curIndex=1;
function testSetCur(){
	arrayModel.setCurById('a'+curIndex);
	curIndex++;
}

function testSetCur1(id){
	arrayModel.setCurById(id);
	
}